import React, { Component } from "react";
import { Modal, Button } from "antd";

class SettingPopup extends Component {
  handleCancel = () => {
    const { onCancel } = this.props;
    onCancel && onCancel();
  };

  handleOk = () => {
    const { onOk } = this.props;
    onOk && onOk();
  };

  render() {
    return (
      <Modal
        title="设置交易验证方式"
        visible={true}
        wrapClassName="v-center-modal"
        maskClosable={false}
        width={400}
        footer={null}
        onCancel={this.handleCancel}
      >
        <div className="google-popup" style={{ textAlign: "center" }}>
          <p style={{ textAlign: "center", fontSize: "16px" }}>
            还没设置交易验证方式 ？
          </p>
          <Button
            size="large"
            type="primary"
            style={{ width: 240, marginTop: 20 }}
            onClick={this.handleOk}
          >
            去设置
          </Button>
        </div>
      </Modal>
    );
  }
}

export default SettingPopup;
